<template>
  <el-link type="info">更多医生<i class="el-icon-view el-icon-arrow-right"></i></el-link>
  <el-row :gutter="20">
    <el-col :span="8">
      <div class="grid-content bg-purple">
        <img src="~assets/img/homeInquiry/kdog.svg">
        <p>王医生</p>
        <p class="zz"><mark>主治医师</mark></p>
        <p>从医7年</p>
      </div>

    </el-col>
    <el-col :span="8">
      <div class="grid-content bg-purple">
        <img src="~assets/img/homeInquiry/kdog.svg">
        <p>王医生</p>
        <p class="zz"><mark>主治医师</mark></p>
        <p>从医7年</p>
      </div>
    </el-col>
    <el-col :span="8">
      <div class="grid-content bg-purple">
        <img src="~assets/img/homeInquiry/kdog.svg">
        <p>王医生</p>
        <p class="zz"><mark>主治医师</mark></p>
        <p>从医7年</p>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "HomeDoctor"
}
</script>

<style scoped>
.grid-content{
  height: 100%;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
p {
  font-size: 14px;
  font-weight: 580;
  margin-top: -25px;
}
mark{
  background-color: #d8e6ea;
}
.zz{
  font-size: 12px;
}

</style>